<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>控制台</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/static/edu/js/jquery-3.3.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/static/edu/js/bootstrap.min.js"></script>

</head>

<style>
    body{
        padding-top: 70px;
    }
    .navbar-inverse {
        background: #253438;
        border-color: #0490ad;
        height:50px;
    }
    .navbar-nav li:hover{
        display: block;
        background: green;
    }



</style>
<body>
    <!--头部 -->
    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
            <!-- 自动适中-->
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                    <#--响应式-->
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">现代浏览器博物馆 </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#">综述</a>
                    </li>
                    <li><a href="#">简述</a></li>
                    <li><a href="#">特点</a></li>
                    <li><a href="#">关于</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle"
                           data-toggle="dropdown" role="button"
                           aria-haspopup="true" aria-expanded="false">
                            特点
                            <span class="caret"></span>
                        </a>
                        <#--下拉菜单-->
                        <ul class="dropdown-menu">
                            <li><a href="#">Chrome</a></li>
                            <li><a href="#">Firefox action</a></li>
                            <li><a href="#">Opera</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">IE</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 内容-->
    <div class="container-fluid">
        <div class="row">
            <#--左侧菜单-->
            <div class="col-md-2 sidebar">
                <ul id="main-nav" class="nav nav-tabs nav-stacked" >
                    <li class="active" >
                        <a href="#">
                            <i class="glyphicon glyphicon-th-large"></i>
                            首页
                        </a>
                    </li>


                    <li>
                        <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                            <i class="glyphicon glyphicon-cog"></i>
                            系统管理
                            <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                        </a>
                        <ul id="systemSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                            <li>
                                <a href="javascript:" id="findList"><i class="glyphicon glyphicon-user">
                                </i>用户管理
                                </a>
                                    <#--<a href="http://www.baidu.com" class="a_post">发起POST请求</a>-->
                            </li>
                            <li><a href="#"><i class="glyphicon glyphicon-th-list"></i>菜单管理</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i>角色管理</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-edit"></i>修改密码</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-eye-open"></i>日志查看</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <#--内容区-->
            <div class="col-md-10">
                <div class="col-md-10">
                    123
                </div>
                <div class="col-md-2">
                    456
                </div>
            </div>
        </div>
    </div>

<script>
    $(function () {
        changePost();
    })

    //发起ajax请求
    function  changePost() {
        $("#findList").click(function () {
            var json={"organizationId": "1", "pageNo": 0,"id":"1"}
           $.ajax({
               type: 'post',
               url: '/weharvest/admin/app/user/find',
               contentType: 'application/json;charset=UTF-8',
               data:  JSON.stringify(json),
               success: function(res){
                   console.log(res)
               }
           })
        })
    }
    
</script>
</body>

</html>